﻿.content-parent{
    width: 1600px;
    height: 407px;
    margin: 0 auto;
    background-image: url(../images/datu.png);
}
.nav-content-head {background: red; font-family: "微软雅黑";}
.nav-content-head ul{
    height: 397px;
    width: 250px;
    background:#363031;
    padding-top: 10px;
    float: left;
    margin-top:10px;
}
.nav-content-head ul li{
     width:250px;
     height: 48px;
     line-height: 48px;
     color: white;
     font-size: 14px;
}
.nav-content-head ul li a{
    color:#fff;
    font-size: 12px;
    display: inline-block;
}
.nav-content-head img{
    display: inline-block;
    vertical-align: middle;
}
.nav-content-head span{
    display: inline-block;
}
.nav-content-head ul li:hover{
    background-color:red; 
}
#shop{position: relative;}
.shop-more{
    width:610px;
    height:284px;
    color:#645858;
    font-size: 12px;
    background:#f8f8f8; 
    border:2px solid #2c2c2c;
    position: absolute;
    left:250px;
    top:-10px;
    display: none;

}
.shop-more-left{
    width:374px;
    height:284px;
    float: left;
    text-indent:20px;
}
.shop-more-left h4{
    color: red;
    font-size:16px; 
    line-height: 24px;
    margin-top:20px;
}
.shop-more-left p{
    line-height:18px;
    word-spacing:3px;
}
.shop-more-right{
    width:235px;
    height:284px;
    float: right;
}
#shop:hover .shop-more{
   display: block;
}
.shop-more-middle{
    width:0;
    height:229px;
    border-right:1px dashed #2c2c2c;
    float:left;
    margin-top:26px;
}
.shop-more-right img{
    margin:0 0 10px 10px; 
}
.shop-more-right h4{
    color: red;
    font-size:14px; 
    text-align: center;
    line-height: 21px;
}
.shop-more-right h5{
    color:12px;
    font-size:#c9c9c9;
    text-align: center;
    line-height:18px;
}
.shop-more-right h6{
    color:#9f9999;
    font-size:12px;
    text-align: center;
    line-height:18px;
}
#text1{
    color: red;
    font-size: 18px;
}
#text2{
    color:#9f9999;
    font-size: 14px;
    text-decoration: line-through;
}
.groupbuyone #p1{
    color:#303030;
    font-size:24px;
    text-align:center;
    font-family: "微软雅黑";
    line-height:36px;
}
.groupbuyone #p2{
    color:#303030;
    font-size:14px;
    text-align:center;
    font-family: "微软雅黑";
    line-height:30px;
    margin:0 10px;
    border-top:1px dashed #e5cdcf;
    padding-top: 10px;

}
.groupbuyone #p3{
    color:white;
    font-size:14px;
    text-align:center;
    font-family: "微软雅黑";
    background-color:#e01135;
    line-height:30px; 
    margin:0 10px;
}
.groupbuyone #p4{
    text-align: center;
    color:#e01135;
    font-size:14px;
    line-height:70px;
}
.groupbuyone #p4 #span1{
    font-size:32px;
}
.groupbuyone #p4 #span2{
    font-size:14px;
    text-decoration: line-through;
    color:#686868; 
}
.groupbuyone img{
    margin-left: 15px;
}
.groupbuy-title{
    color:#000;
    font:bold 16px ;
    text-align: center;
}
.groupbuy-text{
    color:#686868;
    font-size:14px;
    text-align: center;
}
.groupbuytwo img,.groupbuythree img{
    margin-left:30px;
}
.groupbuyfour #p1{
    color:#303030;
    font-size:24px;
    text-align:center;
    font-family: "微软雅黑";
    line-height:36px;
}
.groupbuyfour #p2{
    color:#303030;
    font-size:14px;
    text-align:center;
    font-family: "微软雅黑";
    line-height:30px;
    margin:0 10px;
    border-top:1px dashed #e5cdcf;
    padding-top: 10px;

}
.groupbuyfour #p3{
    color:white;
    font-size:14px;
    text-align:center;
    font-family: "微软雅黑";
    background-color:#ff9000;
    line-height:30px; 
    margin:0 10px;
}
.groupbuyfour #p4{
    text-align: center;
    color:#ff9000;
    font-size:14px;
    line-height:70px;
}
.groupbuyfour #p4 #span1{
    font-size:32px;
}
.groupbuyfour #p4 #span2{
    font-size:14px;
    text-decoration: line-through;
    color:#686868; 
}
.groupbuyfour img{
    margin-left: -30px;
    margin-top:10px;
    margin:10px 0 0 -30px;
}
.groupbuyfive h4{
    font-size: 16px;
    color:#6d7765;
    text-align: center;
    font-family: "微软雅黑";
    line-height: 24px;
    padding-top:10px;
}
.groupbuyfive p{
    font-size: 14px;
    color: #99a391;
    text-align: center;
    font-family: "微软雅黑";
    line-height: 21px;
}
.hotsaletext-left{
    float: left;
    position: relative;
}
.hotsaletext-right{
    float: right;
    position: relative;
}
.hotsaletext img{
    float: left;
}
.hotsaletext span{
    color: white;
    font-size: 16px;
    font-family: "微软雅黑";
}
.hotsaletext-left #span1{
    position: absolute;
    left: 24px;
  }
  .hotsaletext-left #span2{
    position: absolute;
    left: 174px;
  }
  .hotsaletext-left span{
    top:9px;
}
.hotsaletext .imgt{
    margin-left:-10px;
}
.hotsaletext-right #span1{
    position: absolute;
    left: 36px;
  }
  .hotsaletext-right #span2{
    position: absolute;
    left: 169px;
  }
  .hotsaletext-right #span3{
    position: absolute;
    left:300px;
  }
  .hotsaletext-right span{
    top:9px;
}
.hotsale h5{
    font-size:14px;
    color:#a0a0a0;
    text-indent:20px;
    margin-top:20px;
    padding-bottom: 15px;
    position: absolute;
    bottom:60px;
}
.hotsale .span1{
    font-size:16px;
    color: red; 
}
.hotsale .span2{
    font-size:24px;
    color: red; 
}
.hotsale .span3{
    font-size:12px;
    color: red; 
}
.hotsale .span4{
    font-size:12px;
    color:#a0a0a0; 
}
.text-p{
    width:230px;
    height:35px;
    margin-left: 25px;
    padding-top: 10px;
    border-top: 1px dashed #cccccc;
    position: absolute;
    bottom: 20px;
}
.hotsale-leftp,.newproducttext img{
    float: left;
}
.hotsale-rightp{
    float: right;
}
.promote-banner .img1{
    width:1160px;
    height: 350px;
}
.promote-banner .img2{
    position:absolute;
    top:0;
    right:0;
    opacity: 0.5;
}
.promote-banner .img3{
    position:absolute;
    top:40px;
    right:85px;
}
.promote-banner .img5{
    height: 350px;
    width: 500px;
}
.promote-banner .img4,.promote-banner .img5{
    position:absolute;
    bottom:0;
    right:0;
}
.promote-banner-text{
    width:566px;
    height: 142px;
    background:#ff2400;
    color:#fff;
    position: absolute;
    left: 0;
    top:100px;
}
.promote-banner-text h3{
    font-size: 44px;
    text-align: center;
    line-height: 66px;
}
.promote-banner-text h4{
    font-size: 30px;
    text-align: center;
    line-height: 45px;
}
.promote-banner-text h4 span{
    font-size:40px;
    color:#fffc00;
}
.newproducttext span{
    position: absolute;
    line-height:35px;
    color:#e01135;
    font-weight: bold;
}
.newproducttext #span1{
    left:10px; 
    color:#fff;
    font-size: 24px;
}
.newproducttext #span2{
    left:175px; 
}
.newproducttext #span3{
    left:322px; 
}
.newproducttext #span4{
    left:468px; 
}
.newproduct-cell{
    width:272px;
    height:358px;
    border:1px solid #e3e3e3;
    float: left;
    margin-right:20px;
}
#newproduct-img>img{
    width:220px;
    height: 220px;
}

#newproduct-cell-tail{
    margin-right: 0;
}
.newproduct p{
    color:#808080;
    font-size: 14px;
    text-align: center;
    margin: 10px;

}
.newproduct-cell-text{
    width:230px;
    height: 75px;
    margin:20px 0 0 24px;
}
.newproduct-cell-text img{
    margin:3px 10px 0 0 ;
}
.newproduct-cell-text-top{
    width:230px;
    height:36px;
    border-bottom:1px dashed #cccccc;
}
.newproduct-cell-text-bottom{
    width:230px;
    height:26px;
    padding-top:10px;
}
.newproduct-cell-text-top-left,.newproduct-cell-text-bottom-left,.newproduct-cell-text img{
    float: left;
}
.newproduct-cell-text-top-right,.newproduct-cell-text-bottom-right{
    float: right;
}
.newproduct-cell-text-bottom-left,.newproduct-cell-text-bottom-right{
    font-size: 12px;
    color: #dadada;
}
.newproduct-cell-text-top-left,.newproduct-cell-text-bottom-right span{
    color: red;
}
.newproduct-cell-text-top-left .span1{
    color: red;
    font-size: 24px;
}
.newproduct-cell-text-top-right{
    color: #dadada;
    font-size: 14px; 
}
.button-more form{
    width:352px;
    height:42px;
    margin: 0 auto;
    margin-bottom: 36px;
}
.button-more form input{
    width:352px;
    height:42px;
    text-align: center;
    font-size: 18px;
    color: #818181;
    line-height: 42px;  /*chrome里面不需要加这行代码仍然可以居中*/
}
.promote-banner #chocolate{
    background:#a2644b;
}
#chocolatediv{
    background:#f8f7e3 url(../images/chocolate.png)  no-repeat 600px -120px ;
}
#food #span2,#food #span3,#food #span4{
    color:#65c00b;
}
.newproducttext #span-new{
        position:absolute;
        left: 10px;
        color: #fff;
        font-size:18px;
}
.goodproduct-left{
    width: 389px;
    height:388px;
    float: left;
    margin-right:1px;
    background-image:url(../images/goodproduct-left.png);
}
.goodproduct-left img{
    width: 389px;
    height:388px;
}
.goodproduct-middle{
    width: 380px;
    height:388px;
    float: left;
}
.goodproduct-middle .goodproduct-middle-top{
    width: 380px;
    height: 194px;
    background:#c4efc2 url(../images/goodproduct-middle-top.png) no-repeat; 
}
.goodproduct-middle .goodproduct-middle-bottom{
    width: 380px;
    height: 194px;
    background:#f58646 url(../images/goodproduct-middle-bottom.png) no-repeat -100px -90px ;
}
.goodproduct-right{
    width: 389px;
    height:388px;
    float: right;
    background-image:url(../images/goodproduct-right.png)
}
#goodproduct-left img{
    width: 389px;
    height:388px;
}
.goodproduct-text{
    background-color:rgba(255,255,255,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff); 
    zoom: 1;

}
.goodproduct-text h5{
  color:#000 ;
  font-size:16px;
}
.goodproduct-text h6{
  color:red ;
  font-size:16px;
}
.goodproduct-text p{
  color:#4c4c4c;
  font-size:12px;
  line-height: 18px;
}
.goodproduct-text b{
  color:#ff8213 ;
  font-size:16px;
}
#goodproduct-text-middle{
    width:186px;
    height:170px;
    margin:0 0 10px 180px;
}
#goodproduct-text-side{
    width:360px;
    height:106px;
    line-height: 22px;
    padding-left: 10px; 
    margin:270px 0 0 10px;
}
.footer-top{
    height:290px ;
    width: 1160px;
    margin: 0 auto;
}
.footer-top-up{
    height: 134px;
    padding-top:40px;
}
.footer-top img{
    float: left;
    margin-right:16px;
}
.footer-bottom{
    height:69px;
    width: 1600;
    border-top:1px solid #584b49;
    font-size: 12px;
    content:#7f7776;
    text-align: center; 
}
.footer-bottom p{
    margin-top: 10px;
}
.footer-top-up div{
    float:left;
}
.footer-top-up div span{
    font-size: 18px;
    height:40px;
    border-right: 1px solid #584b49;
    margin-right:20px;
    padding-top:10px 20px 0 0 ;
    display: inline-block;
}
.footer-top-down ul{
  float: left;
  margin-left: 100px;
}
.footer-top-down ul li{
    font-size:12px;
}
.footer-top-down div{
   width: 115px;
   float: left;
   margin-left: 100px;
}
.footer-top-down img{
    width:100px;
    height:90px 
}


.newproduct-cell{position: relative;}
.newproduct-cell p{position: absolute;bottom:95px;}
.newproduct-cell-text{position: absolute;bottom: 10px;}

.newproduct{overflow: hidden;}  
.newproduct-top,.newproduct-bottom{margin-right:-20px;}  



